﻿<div class="tableform">
  <div class="tip-text">
  <h2 class="font14px">清风设计团队 —— 商派认证模板服务商，专业品质，为电商助力!</h2>
  <p>数百款精品模板及应用尽在清风设计，不断更新。<a href="http://www.hnqss.cn/html/jszx/" target="_blank">技术研究</a>&nbsp;&nbsp;<a href="http://www.hnqss.cn/html/business/" target="_blank">网店运营</a>&nbsp;&nbsp;<a href="http://www.hnqss.cn/help/" target="_blank">使用帮助</a>&nbsp;&nbsp;<a href="http://www.hnqss.cn/fwtc/" target="_blank">代维服务</a>，最新电商资源，请点击进入<a href="http://www.hnqss.cn/" target="_blank">清风设计官网</a>，服务QQ：800060659</p>
    <p>
    <span>点击进入模板专区：</span>
    <a href="http://www.hnqss.cn/moban/ecstore/" target="_blank">1.ECStore模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/moban/ykd/" target="_blank">2.易开店模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/moban/shopex/" target="_blank">3.ShopEx模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/moban/fxw/" target="_blank">4.分销王模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/Mobile/" target="_blank">5.手机端模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/downloads/mfmb/" target="_blank">6.免费模板</a>
    </p>
    <p><span>点击进入应用专区：</span>
    <a href="http://www.hnqss.cn/tools/" target="_blank">1.插件中心</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/html/ECStore/" target="_blank">2.挂件中心</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/downloads/mfcj/" target="_blank">6.免费应用</a>
    </p>
  </div>
</div>

<div class="widgetconfig">
	<h4>基本参数设定</h4>
    <div class="tableform">    
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th width="20%">轮播主区尺寸:</th>
        <td width="30%">宽：<input name="width" type="text" value="<{$setting.width|default:990}>" class="inputstyle" style="width:80px" /> px&nbsp;&nbsp;高：<input name="height" type="text" value="<{$setting.height|default:450}>" class="inputstyle" style="width:80px" />(px)</td>
        <th width="20%">全屏适应尺寸:</th>
        <td width="30%"><input name="maxwidth" type="text" value="<{$setting.maxwidth|default:1920}>" class="inputstyle" style="width:80px" />(px)</td>
      </tr>
      <tr>
      	<th width="20%">滚动方式:</th>
        <td width="30%">
        	<select name="effect">
             	<option value="fade"<{if $setting.effect=='fade'}> selected="selected"<{/if}>>--淡入淡出--</option>
            	<option value="scrollx"<{if $setting.effect=='scrollx'}> selected="selected"<{/if}>>--左右滚动--</option>
                <option value="scrolly"<{if $setting.effect=='scrolly'}> selected="selected"<{/if}>>--上下滚动--</option>               
            </select>
         </td>
         <th>焦点数字按钮大小：</th>
         <td><input name="numwidth" type="text" value="<{$setting.numwidth|default:18}>" class="inputstyle" style="width:80px" /> px;</td>
      </tr>
      <tr>
      	<th width="20%">焦点按钮背景色:</th>
        <td width="30%"><{input name="bgcolor" type="color" value=$setting.bgcolor|default:'#3e3e3e'}></td>
        <th>高亮点按钮背景色：</th>
        <td><{input name="hbgcolor" type="color" value=$setting.hbgcolor|default:'#b61b1f'}></td>
      </tr>
      <tr>
      	<th width="20%">焦点按钮文字色:</th>
        <td width="30%"><{input name="color" type="color" value=$setting.color|default:'#ffffff'}></td>
        <th>高亮按钮文字色：</th>
        <td><{input name="hcolor" type="color" value=$setting.hcolor|default:'#ffffff'}></td>
      </tr>
      <tr>
        <th width="20%">效果过渡时间:</th>
        <td width="30%"><input name="duration" type="text" value="<{$setting.duration|default:500}>" class="inputstyle" style="width:80px" /></td>
        <th width="20%">按钮反应时间:</th>
        <td width="30%"><input name="delay" type="text" value="<{$setting.delay|default:100}>" class="inputstyle" style="width:80px" /></td>
      </tr>
      <tr>
        <th width="20%">是否自动轮播:</th>
        <td width="30%"><input type="radio" name="autoplay" value="true"<{if $setting.autoplay != "false"}> checked="checked"<{/if}> > 是&nbsp;&nbsp;<input type="radio" name="autoplay" value="false"<{if $setting.autoplay =="false"}> checked="checked"<{/if}> > 否</td>
         <th width="20%">轮播间隔时间:</th>
        <td width="30%"><input name="periodical" type="text" value="<{$setting.periodical|default:5000}>" class="inputstyle" style="width:80px" /></td>
      </tr>
    </table>
    </div>
</div>


<div class="widgetconfig">
	<h4>广告图片设置</h4>
    <div class="tableform">  
    <div class="clearfix">
    	<{button label="添加图片" app="desktop" icon="btn_add.gif" id="addFocus"}>
    </div>    
    <div class="division" id="focus">
      <{foreach from=$setting.focus item=data key=key}>
        <div id="focus_<{$data.i}>" class="configad">
          <input type="hidden" name="focus[<{$data.i}>][i]" value="<{$data.i}>">
          <table width="100%" cellpadding="0" cellspacing="0">            
            <tr>
                  <th width="8%">图片:</th>
                  <td width="30%"><input type="text" class="inputstyle" style="width:60%" name="focus[<{$data.i}>][imgurl]" id="focus[<{$data.i}>][imgurl]" value="<{$data.imgurl}>"><input type="button" value="上传" onClick="addPic($('focus[<{$data.i}>][imgurl]'))"></td>
                  <th width="8%">链接:</th>
                  <td width="24%"><input type="text" class="inputstyle" style="width:95%" name="focus[<{$data.i}>][tolink]" value="<{$data.tolink}>" /></td>
                  <th width="8%">描述:</th>
                  <td width="20%"><input type="text" class="inputstyle" style="width:95%" name="focus[<{$data.i}>][title]" value="<{$data.title}>" /></td>
                  <td style="width:30px;"><span onclick="delLink(this);"><{img src="bundle/delecate.gif" style="cursor:pointer;" alt="删除" title="删除" app="desktop"}></span></td>
             </tr>
          </table>
        </div>
        <{/foreach}> 
    </div>
</div>

<script>
$('addFocus').addEvent('click',function(){
  var d=new Date();
  var i=d.getTime();
  $('focus').adopt(new Element('div').set('html','\
    <div class="configad">\
	<input type="hidden" name="focus['+i+'][i]" value="'+i+'">\
	<table cellpadding="0" cellspacing="0" width="100%">\
	<tr><th width="8%">图片:</th><td width="30%"><input type="text" class="inputstyle" style="width:60%" name="focus['+i+'][imgurl]" id="focus['+i+'][imgurl]"><input type="button" value="上传" onClick="addPic($(\'focus['+i+'][imgurl]\'))"></td><th width="8%">链接:</th><td width="24%"><input type="text" class="inputstyle" style="width:95%" name="focus['+i+'][tolink]"></td><th width="8%">描述：</th><td width="20%"><input type="text" class="inputstyle" style="width:95%" name="focus['+i+'][title]"></td><td style="width:30px"><span onclick="delLink(this);"><{img src="bundle/delecate.gif" style="cursor:pointer;" alt="删除" title="删除" app="desktop"}></span></td>\
	</tr></table>\
    </div>\
  ').getFirst());
});

function addPic(target){
	var url='index.php?app=desktop&act=alertpages&goto='+encodeURIComponent("index.php?app=image&ctl=admin_manage&act=image_broswer&type=big");
	Ex_Loader('modedialog',function(){
		return new imgDialog(url,{onCallback:function(image_id,image_src){
			$(target).value=image_src;
		}})	;
	});
}

delLink=function(o){$(o).getParent('.configad').remove();}
</script>